@mixin element-animation {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-3px);
}

@mixin element-hover-animation {
  z-index: 2;
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
}

@mixin clearfix {
  .clearfix::after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin borderTop {
  border-top: 1px solid hsla(0, 0%, 100%, 0.3);
}
